import styled from "styled-components";

export const Der = styled.header`
    height: 94px;
    border-bottom: 1px solid #ccc;
    padding: 0 10px 0 10px;
    .top{
        height: 44px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        h3{
            color: #191a1b;
            font-size: 17px;
            font-family: '黑体';
        }
        p{
            display: inline-block;
            font-size: 13px;
            max-width: 58px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #191a1b;
        }
    }
    .bottom{
        height: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        p:nth-child(1){
            font-size: 14px;
            color: #191a1b;
            font-family: '黑体';
            margin-left: 10px;
        }
        p:nth-child(2){
            font-size: 15px;
            color: #191a1b;
            font-family: '黑体';
            margin-left: 10px;
        }
        p:nth-child(3){
            font-size: 15px;
            color: #191a1b;
            font-family: '黑体';
            margin-left: 10px;
        }
    }
`
export const Ul = styled.ul`
    padding: 0 10px 0 10px;
    li{
        padding: 15px 0;
        height: 45px;
        .left{
            width: calc(100% - 90px);
            text-align: left;
            padding-right: 15px;
            float: left;
            h3{
                max-width: 85%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #191a1b;
                font-size: 15px;
                float: left;
                text-align: left;
                cursor: pointer;
            }
            p{
                color: #797d82;
                font-size: 12px;
                margin-top: 5px;
                max-width: 85%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                float: left;
            }
        }
        .right{
            width: 70px;
            text-align: center;
            float: right;
            margin-right: 5px;
            h3{
                color: #ff5f16;
                font-size: 12px;
                span{
                    font-size: 18px;
                }
            }
        }
    }
`